<!--
 * @Author: 瞿旺兴 18774621495@163.com
 * @Date: 2022-05-26 16:52:31
 * @LastEditors: 瞿旺兴 18774621495@163.com
 * @LastEditTime: 2022-06-08 17:16:38
 * @FilePath: \nien-vue3-admin\src\views\index\components\dialog.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <el-dialog
    v-model:visible="dialogVisible"
    fullscreen
    :before-close="handleClose"
    :show-close="true"
  >
    <slot>可视化</slot>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
    }
  },
  methods: {
    handleClose() {
      this.dialogVisible = false
    },
  },
}
</script>

<style lang="less" scoped>
/deep/.el-dialog.is-fullscreen {
  .el-dialog__header {
    padding: unset;
  }
  .el-dialog__body {
    padding: unset;
  }
}
</style>